<template>
    <ul class="system-navs">
        <li class="nav-li"
            v-for="(nav, index) in pageNavs"
            :key="index">
            {{nav.name}}
            <span class="close-btn"
                @click="deleteCurrPage(nav)">&times;</span>
        </li>
    </ul>
</template>
<script>
    import { mapGetters } from 'vuex';
    export default {
        name: 'SystemNav',
        data() {
            return {}
        },
        computed: {
            ...mapGetters({
                pageNavs: 'getSystemNav'
            })
        }
    }
</script>

<style lang="scss" src="./scss/index.scss"></style>